@import './color.less';
body{
    background: @bodyColor;
}
.indexTop{overflow: hidden;position: relative;
    img{width: 100%;vertical-align:bottom;}
    &-time{position: absolute;left: 0;top: 50%;width: 100%;height: 40px;background: @auxiliaryColor;
        p{color: #fff;text-align: center;line-height: 40px;}
    }
    &-num{position: absolute;left: 0;top: 65%;overflow: hidden;width: 100%;
        div{margin: 0px 3%;padding: 1px 0;display: flex;
            p{width: 30%;background: #fb9500;border-radius: 50%;margin: 0 10%;box-shadow: 0px 0px 2px #5d5d5d;height: 0;padding-bottom: 29%;   
                span{display: block;width: 100%;color: #fff;text-align: center;margin: 20% auto;}
            };
        }
    }
}
.activeSeach{padding-top: 1px;padding-bottom: 2px;}
.indexBody{margin: 0px 3% 50px; overflow: hidden;
   .newPeople{
       &-btn{margin-top: 5px;display: flex;
           .goSort{background:#fff url(../images/index-sort.png) no-repeat 15% center;background-size: 14%;}
           .changeList{background:#fff url(../images/index-newp.png) no-repeat 15% center;background-size: 14%;}
           a{display: block;flex: 1;width: 46%;float: left;color: @writeBtnFont;border-radius: 4px;margin: 10px 1%;height: 30px;line-height: 30px;text-indent: 18%;}
       }
      overflow: hidden;
      li{width: 46%;float: left;text-align: center;background: #fff;border-radius: 8px;margin: 10px 2% 0px;
        .indexImgBox{width: 115px;height: 144px;margin: 10px auto;justify-content: center;align-items: center;display: -webkit-flex;border-radius: 10px;overflow: hidden;
            img{width: 80%;margin: 10px;}
        }
        .indexNum{text-align: center;font-size: 12px;}
        p{height: 24px;line-height: 24px;}
        a{clear: both;display: block;width: 60%;height: 24px;border-radius: 4px;line-height: 24px;margin: 10px auto;color: #fff;                font-size: 12px;}
        .unvote{background:@buttonTopColor; /* 一些不支持背景渐变的浏览器 */  background:-moz-linear-gradient(top,@buttonTopColor, @buttonButtomColor);  background:-webkit-gradient(linear, 0 0, 0 bottom, from(@buttonTopColor), to(@buttonButtomColor));                  background:-o-linear-gradient(top, @buttonTopColor, @buttonButtomColor); }
        .indexvote{background: @tabColor;}
       } 
   }
   .indexSort{display: none;
       &-btn{width: 100%;height: 55px;
          a{display: block;flex: 1;width: 98%;float: left;color: #fff;border: 1px solid #fff;margin: 10px 1%;height: 30px;line-height: 30px;text-align: center;}
       }
       .sortInfo{
            margin-top: 40px;
            background: #Fff;
            border-radius: 8px;
            h3{width: 100%;height: 30px;position: relative;}
            h3:before{content: "";display: block;width: 100%;height: 90px;position: absolute;top: -150%;left:0%;background: url(../images/sortInfoTitle.png) no-repeat center center;background-size: 50%;
            }
            li{display: flex;width: 100%;height: 40px;line-height: 40px;
                span{display: block;height: 100%;flex: 1;text-align: center;color: @writeBtnFont;
                    .unvote{display: block;width: 80%;height: 26px;color: #fff;background:@buttonTopColor; /* 一些不支持背景渐变的浏览器 */  background:-moz-linear-gradient(top,@buttonTopColor, @buttonButtomColor);  background:-webkit-gradient(linear, 0 0, 0 bottom, from(@buttonTopColor), to(@buttonButtomColor));  background:-o-linear-gradient(top, @buttonTopColor, @buttonButtomColor); border-radius: 4px;line-height: 26px;font-size: 12px;margin: 8px 0;}
                    .sortVote{display: block;width: 80%;height: 26px;color: #fff;background: @tabColor;border-radius: 4px;line-height: 26px;font-size: 12px;margin: 8px 0;}
                }
            }
            .sortInfoListTitle{border-bottom: 1px solid @bodyColor;font-weight: bolder;}
        }
        .sortChangePage{margin: 10px 4%;height: 30px;overflow: hidden;
            p{width: 30%;float: left;height: 30px;line-height: 30px;color: #FFFFFF;}
            ul{width: 70%;float: left;display: flex;
                li{flex: 1;height: 40px;text-align: center;
                    a{display: block;width: 80%;border-radius: 4px;height: 26px;background:@buttonTopColor; /* 一些不支持背景渐变的浏览器 */  background:-moz-linear-gradient(top,@buttonTopColor, @buttonButtomColor);  background:-webkit-gradient(linear, 0 0, 0 bottom, from(@buttonTopColor), to(@buttonButtomColor));  background:-o-linear-gradient(top, @buttonTopColor, @buttonButtomColor); line-height: 26px;text-align: center;color: #fff;margin: 0px auto;box-shadow: 0px 1px 4px #717171;}
                }
            }
        }
   }
}